<h5 class="site-subtitle">1. 容器 <code>.container-fluid</code> <code>.container</code></h5>
<div class="site-info">
    <code>.container-fluid</code>：100% 宽度的布局。<br>
    <code>.container</code>：宽度限定为 <code>1000px</code>并支持响应式布局的容器
</div>
<h5 class="site-subtitle">2. 基本使用</h5>
<div class="site-info">
    基本：
    <div class="row">
        <div class="col-6">
            <div class="site-mask">col-6</div>
        </div>
    </div>
    <div class="row">
        <% for (let i = 0; i < 12; i++) { %>
        <div class="col-1">
            <div class="site-mask">col-1</div>
        </div>
        <% } %>
    </div>
    <div class="row">
        <div class="col-4">
            <div class="site-mask">col-4</div>
        </div>
        <div class="col-8">
            <div class="site-mask">col-8</div>
        </div>
    </div>
    列偏移：
    <div class="row">
        <div class="col-10 col-offset-2">
            <div class="site-mask">col-10 col-offset-2</div>
        </div>
    </div>
    <div class="row">
        <div class="col-8 col-push-2">
            <div class="site-mask">col-8 col-push-2</div>
        </div>
        <div class="col-2">
            <div class="site-mask">col-2</div>
        </div>
    </div>
    响应式列：
    <div class="row">
        <div class="col-6 col-sm-4 col-md-2 col-lg-1">
            <div class="site-mask">col-4 col-sm-4 col-md-2 col-lg-1</div>
        </div>
        <div class="col-6 col-sm-8 col-md-10 col-lg-11">
            <div class="site-mask">col-6 col-sm-8 col-md-10 col-lg-11</div>
        </div>
    </div>
    <div class="row">
        <div class="col-10 col-sm-8 col-md-6 col-lg-4">
            <div class="site-mask">col-8 col-sm-6 col-md-4 col-lg-2</div>
        </div>
        <div class="col-2 col-sm-4 col-md-6 col-lg-8">
            <div class="site-mask">col-4 col-sm-6 col-md-8 col-lg-10</div>
        </div>
    </div>
    嵌套：
    <div class="row">
        <div class="col-3">
            <div class="site-mask">col-3</div>
        </div>
        <div class="col-9">
            <div class="row">
                <div class="col-6">
                    <div class="site-submask">col-6</div>
                </div>
                <div class="col-6">
                    <div class="site-submask">col-6</div>
                </div>
            </div>
        </div>
    </div>
</div>